<template>
	<view style="display: flex;flex-direction: row;">
		<!-- 管理功能选项栏 -->
		<view style="display: flex;flex-direction: column;width: 220upx;background-color: #001529;">
			<image src="../../static/admin.png" mode="aspectFill" class="admin_pic"></image>
			<view v-for="(item,index) in functionList" :key=index>
				<view style="margin-top: 20upx;padding: 20upx;width: 180upx;display: flex;flex-direction: row;color: #FFFFFF;font-size: 15px;align-items: center;">
					<image :src="item.icon" style="width: 15upx;height: 15upx;margin-right: 5upx;"></image>
					{{item.name}}
					<image src="../../static/arrow.png" class="arrow"></image>
				</view>
				<view v-for="(items,indexs) in item.page" @click="menu_change(items)" :key=indexs :class="menu_id==items.id?'choose_detail':'detail'">
					{{items.name}}
				</view>
			</view>
		</view>
		<!-- 管理功能选项栏end -->
		<!-- 管理具体界面 -->
		<scroll-view scroll-y='true' style="background-color: #F6F8F9;width: 100%;height: 100vh;">
			<view style="box-shadow: -1px -1px 5px #888888;width: 100%;background-color: #FFFFFF;height: 50upx;display: flex;flex-direction: row;align-items: center;font-size: 17px;">
				<image src="../../static/admin1.png" style="width: 20upx;height: 20upx;margin-left: 25upx;"></image>
				<view style="margin-left: 5upx;">
					后台管理
				</view>
				<view style="margin-left: 5upx;display: flex;justify-content: center;align-items: center;">
					<image src="../../static/arrow1.png" class="arrow1"></image>
				</view>
				<view style="margin-left: 5upx;">
					{{name}}
				</view>
				<image src="http://t7.baidu.com/it/u=1880899253,2364657333&fm=193" style="width: 40upx;height: 40upx;border-radius: 50%;margin-left: auto;"></image>
				<view style="color: #6C6E72;font-weight: bold;padding: 0 10upx 0 10upx;">
					admin
				</view>
				<image src="../../static/arrow2.png" class="arrow1" style="margin-right: 10upx;"></image>
			</view>
			<swiper :current='menu_id' disable-touch=true style="width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;">
				<swiper-item>
					<scroll-view scroll-y="true" style="height: 98vh;">
						<!-- 人员管理id=0 -->
						<person_admin :PageNum='PageNum' :Num='Num' :PersonList='PersonList' style="margin-top: -30upx;width: 100%;height: 90%;display: flex;justify-content: center;align-items: center;"></person_admin>
						<!-- 人员管理end -->
					</scroll-view>
					
				</swiper-item>
				<swiper-item>
					<scroll-view scroll-y="true" style="height: 98vh;">
						管理员管理id=1
						<person_admin :PageNum='PageNum' :Num='Num' :PersonList='PersonList' style="margin-top: -30upx;width: 100%;height: 90%;display: flex;justify-content: center;align-items: center;"></person_admin>
						管理员管理end
					</scroll-view>
					
				</swiper-item>
				<swiper-item>
					<scroll-view scroll-y="true" style="height: 105vh;">
						<!-- 商城商品管理id=2 -->
						<shopping_admin :PageNum='PageNum_shop' :pageList='pageList' :Num='Num_shop' :PersonList='ShopList' style="margin-top: -30upx;width: 100%;height: 90%;display: flex;justify-content: center;align-items: center;" @changePage="changePage" @changeSearch="changeSearch"></shopping_admin>
						<!-- 商城商品管理end-->
					</scroll-view>
					
				</swiper-item>
				<!-- <swiper-item style="display: flex;justify-content: center;align-items: center;flex-direction: column;">
					<scroll-view scroll-y="true" style="height: 98vh;">
						商城商品管理id=3
						<RecomAdmin :PageNum='PageNum_shop' :pageList='pageList' :Num='Num_shop' :PersonList='ShopList' style="width: 100%;"></RecomAdmin>
						商城商品管理end
						
					</scroll-view>
					
				</swiper-item> -->
			</swiper>
			
		</scroll-view>
		<!-- 管理具体界面end -->
		
	</view>
</template>

<script>
	import uniPopup from "@/componets/uni-popup/uni-popup.vue"
	import person_admin from "@/componets/admin-components/person_admin.vue"
	import shopping_admin from "@/componets/admin-components/shopping_admin.vue"
	import RecomAdmin from "@/componets/admin-components/RecomAdmin.vue"
	import {$http} from '../../util/request.js'
	
	export default{
		components: {
			uniPopup,
			person_admin,
			shopping_admin,
			RecomAdmin,
			
		},
		data(){
			return{
				menu_id:0,
				page:0,
				search_word:'',
				add_accout:'',
				add_password:'',
				choose_all_:false,
				checkbox_status:[],
				checkbox:false,
				accout:'',
				password:'',
				person_id:1,
				add_time:'',
				input_confirm:-1,
				NowPage:1,
				name:'人员管理',
				functionList:[
					{
						name:'人员管理',
						icon:'/static/personAdmin.png',
						// id:1,
						open:false,
						page:[
							{
								name:'用户管理',
								id:0
							},
							// {
							// 	name:'admin管理',
							// 	id:1
							// }
						]
					},
					{
						name:'商城管理',
						icon:'/static/shopAdmin.png',
						// id:4,
						open:false,
						page:[
							{
								name:'商城列表',
								id:2
							},
							// {
							// 	name:'推荐管理',
							// 	id:3
							// }
						]
					}
				],
				// 人员管理数据
				PersonList:[],
				Num:1,
				PageNum:1,
				// 人员管理数据end
				
				// 商品管理数据
				ShopList:[],
				Num_shop:1,
				PageNum_shop:1,
				// 商品管理数据end
				pageList:[],
				AdminList:[],
				
				RecomList:[],
				
			}
		},
		onLoad() {
			var that = this
			// this.$get('/1.1/classes/goods?limit=3').then(res=>{
			// 	console.log(res)
			// 	this.ShopList = res.results
			// 	this.Num_shop = res.results.length
				
			// })
			
		
			
			
			let skip = this.page * 4
			
			let wh = JSON.stringify(this.condition)
			console.log(wh);
			let url = `/1.1/classes/goods?limit=4&skip=${skip}`
			this.$get(url).then(res => {
				console.log(res)
				
				if (res.results.length) {
					this.page++
					// console.log(this.page)
					if (this.ShopList) {
						this.ShopList = [
							...this.ShopList,
							...res.results
						]
					} else {
						this.ShopList = res.results
					}
					return
				}
			
			})
			
			
			this.$get('/1.1/classes/goods').then(res=>{
				console.log(res)
				// this.ShopList = res.results
				this.Num_shop = res.results.length
				that.PageNum_shop = Math.floor(that.Num_shop / 4); //向上整除
					if(that.PageNum_shop<=10){
						for(var i = 1;i < 11;i++){
							that.pageList.push(i)
						}
					}else{
						for(var i = 1;i < 7;i++){
							that.pageList.push(i)
						}
						that.pageList.push('...')
						that.pageList.push(that.PageNum_shop)
					}
					
					
				
			})
			
			
			this.$get(`/1.1/users`).then(res=>{
				console.log(res);
				
				this.Num = res.results.length
				this.PersonList = res.results
			})
			
			// this.$get('/1.1/classes/goods').then(res=>{
			// 	console.log(res)
			// 	this.ShopList = res.results
			// 	this.Num_shop = res.results.length
				
			// })
			// 获取人员数据
			// uni.request({
			// 	url:'https://hn216.api.yesapi.cn/',
			// 	method: "POST",
			// 	data:{
			// 		model_name:'car_person',
			// 		where:'[["user_num", "LIKE","'+that.search_word+'"]]',
			// 		app_key:'0B4163C86181759DD5DE6C761AF719A5',
			// 		service:'App.Table.FreeQuery',
			// 		perpage:10, //每一页12个数据
			// 		page:1, //第几页
			// 		// order: ["id DESC"],
			// 	},					
			// 	success: function (res) {
			// 			// console.log(res.data.data.list)
			// 			that.PersonList = res.data.data.list
			// 			console.log(that.PersonList)
			// 		}
			// 	})
			// 	uni.request({
			// 		url:'https://hn216.api.yesapi.cn/',
			// 		method: "POST",
			// 		data:{
			// 			model_name:'car_person',
			// 			where:'[["user_num", "LIKE","'+that.search_word+'"]]',
			// 			app_key:'0B4163C86181759DD5DE6C761AF719A5',
			// 			service:'App.Table.FreeQuery',
			// 			perpage:10000, //每一页12个数据
						
			// 		},					
			// 		success: function (res) {
			// 				that.Num = res.data.data.list.length
			// 				that.PageNum = Math.ceil(that.Num / 10); //向上整除
			// 				console.log(that.PageNum)
			// 			}
			// 		})
			// 	// 获取商品数据
			// 	uni.request({
			// 		url:'https://hn216.api.yesapi.cn/',
			// 		method: "POST",
			// 		data:{
			// 			model_name:'food_info',
			// 			where:'[["food_name", "LIKE","'+that.search_word+'"]]',
			// 			app_key:'0B4163C86181759DD5DE6C761AF719A5',
			// 			service:'App.Table.FreeQuery',
			// 			perpage:5, //每一页12个数据
			// 			page:1, //第几页
			// 			// order: ["id DESC"],
			// 		},					
			// 		success: function (res) {
			// 				// console.log(res.data.data.list)
			// 				that.ShopList = res.data.data.list
			// 				console.log(that.PersonList)
			// 			}
			// 		})
			// 		uni.request({
			// 			url:'https://hn216.api.yesapi.cn/',
			// 			method: "POST",
			// 			data:{
			// 				model_name:'food_info',
			// 				where:'[["food_name", "LIKE","'+that.search_word+'"]]',
			// 				app_key:'0B4163C86181759DD5DE6C761AF719A5',
			// 				service:'App.Table.FreeQuery',
			// 				perpage:10000, //每一页12个数据
							
			// 			},
			// 			success: function (res) {
			// 					that.Num_shop = res.data.data.list.length
			// 					that.PageNum_shop = Math.ceil(that.Num_shop / 5); //向上整除
			// 					if(that.PageNum_shop<=10){
			// 						for(var i = 1;i < 11;i++){
			// 							that.pageList.push(i)
			// 						}
			// 					}else{
			// 						for(var i = 1;i < 7;i++){
			// 							that.pageList.push(i)
			// 						}
			// 						that.pageList.push('...')
			// 						that.pageList.push(that.PageNum_shop)
			// 					}
								
			// 				}
			// 			})
									

		},
		methods:{
			changeSearch(result){
				this.ShopList=result
				
				
				
			},
			changePage(e=1,pagelist=this.pageList){
				var that = this
				console.log(e)
				console.log(pagelist)
				let skip = e * 4
				this.ShopList = []
				
				console.log(that.pageList)
				that.pageList= pagelist
				
				
				// let wh = JSON.stringify(this.condition)
				// console.log(wh);
				let url = `/1.1/classes/goods?limit=4&skip=${skip}`
				// this.pageList=pageList
				// console.log(this.pageList)
				this.$get(url).then(res => {
					console.log(res)

					if (res.results.length) {
						// this.page++
						// console.log(this.page)
						if (this.ShopList) {
							this.ShopList = [
								...this.ShopList,
								...res.results
							]
						} else {
							this.ShopList = res.results
							
						}
						
						
						return
					}
				
				})
				
			},
			menu_change:function(e){
				var that = this
				that.menu_id = e.id
				that.name = e.name
			},
			search:function(){
				var that = this
				uni.request({
					url:'https://hn216.api.yesapi.cn/',
						method: "POST",
						header: {
						},
						data:{
							model_name:'car_person',
							where:'[["user_num", "LIKE","'+that.search_word+'"]]',
							app_key:'0B4163C86181759DD5DE6C761AF719A5',
							service:'App.Table.FreeQuery',
							perpage:10, //每一页12个数据
							page:1 //第几页
						},
						
						success: function (res) {
							console.log(res)
							that.PersonList = res.data.data.list
							console.log(that.PersonList)
						}
					})					
				uni.request({
					url:'https://hn216.api.yesapi.cn/',
					method: "POST",
					data:{
						model_name:'car_person',
						where:'[["user_num", "LIKE","'+that.search_word+'"]]',
						app_key:'0B4163C86181759DD5DE6C761AF719A5',
						service:'App.Table.FreeQuery',
						perpage:10000, //每一页12个数据
						
					},					
					success: function (res) {
							that.Num = res.data.data.list.length
							that.PageNum = Math.ceil(that.Num / 10); //向上整除
							console.log(that.PageNum)
						}
					})
			},
			add_sure:function(){
				var that = this
				console.log(that.accout)
				// 手机号正则
				if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(that.add_accout))) {
				     uni.showToast({
				        icon: 'none',
				        title: '手机号不正确'
				    });
				    return;
				}else{
					// 密码正则
					if (!(/^\d{6}$/.test(that.add_password))) {
					    uni.showToast({
					        icon: 'none',
					        title: '密码不是六位数字！'
					    });
					    return;
					}else{
						uni.request({
							url:'https://hn216.api.yesapi.cn/?s=App.Table.CheckCreate',
								data:{
									model_name:'car_person',
									app_key:'0B4163C86181759DD5DE6C761AF719A5',
									service:'App.Table.CheckCreate',
									data:{
										'user_num':that.add_accout,
										'user_pass':that.add_password,
									},
									check_field:"user_num",
								},
								
								success: function (res) {
									console.log('成功')
									console.log(res)
									that.add_accout = ''
									that.add_password = ''
									that.$refs.popup1.close()
									uni.showToast({
										title:'添加成功！',
										icon:'none'
									})
									that.refresh()
								}
							})
					} 
				}
			},
			add_cancel:function(){
				this.$refs.popup1.close()
			},
			add_data:function(){
				this.$refs.popup1.open()
			},
			// cancel_choose:function(){
			// 	var that = this
				
			// 	that.choose_all_ = false
			// 	that.checkbox = false
			// 	console.log(that.choose_all_)
			// },
			delete_all:function(){
				var that = this
				that.choose_all_ = false
				that.checkbox = false
				
				if(that.checkbox_status.length==0&&that.checkbox==false){
					uni.showToast({
						title:'未选中任何行',
						icon:'none'
					})
				}else{
					uni.showModal({
					    content: '确定要删除吗？',
					    success: function (res) {
					        if (res.confirm) {
					            console.log('用户点击确定');
								console.log(that.checkbox_status)
								if(that.checkbox_status.length == 0){
									console.log(1)
									console.log(that.PersonList)
									console.log(that.checkbox)
									if(that.checkbox == true){
										console.log(2)
										
										for(var i = 0;i<that.PersonList.length;i++){
											console.log(that.PersonList[i].id)
											uni.request({
												url:'https://hn216.api.yesapi.cn/?s=App.Table.FreeDelete',
													method: "POST",
													data:{
														model_name:'car_person',
														app_key:'0B4163C86181759DD5DE6C761AF719A5',
														service:'App.Table.FreeDelete',
														where:'[["id", "=","'+that.PersonList[i].id+'"]]',
													},
													success: function (res) {
														console.log(res)
														that.refresh()
													}
												})
										}
										uni.showToast({
										    icon: 'none',
										    title: '删除成功'
										});
										that.refresh()
										that.checkbox = false
									}
								}else{
									for(var i = 0;i<that.checkbox_status.length;i++){
										uni.request({
											url:'https://hn216.api.yesapi.cn/?s=App.Table.FreeDelete',
												method: "POST",
												data:{
													model_name:'car_person',
													app_key:'0B4163C86181759DD5DE6C761AF719A5',
													service:'App.Table.FreeDelete',
													where:'[["id", "=","'+that.checkbox_status[i]+'"]]',
												},
												success: function (res) {
													that.refresh()
												}
											})
									}
									that.checkbox = false
									uni.showToast({
									    icon: 'none',
									    title: '删除成功'
									});
									
								}
					        } else if (res.cancel) {
					            console.log('用户点击取消');
					        }
					    }
					});
				}
				
				
			},
			checkbox_change:function(e){
				this.checkbox_status=e.detail.value
				console.log(this.checkbox_status)
				
				
			},
			choose_all:function(){
				if(this.checkbox == false){
					this.checkbox = true
					this.choose_all_ = true
					this.checkbox_status =[]
					console.log(this.checkbox)
				}else{
					this.checkbox = false
					this.choose_all_ = false
					this.checkbox_status =[]
					console.log(this.checkbox)
				}
			},
			delete_detail:function(e){
				var that = this
				uni.showModal({
				    content: '确定要删除吗？',
				    success: function (res) {
				        if (res.confirm) {
				            console.log('用户点击确定');
							
							uni.request({
								url:'https://hn216.api.yesapi.cn/?s=App.Table.FreeDelete',
									method: "POST",
									data:{
										model_name:'car_person',
										app_key:'0B4163C86181759DD5DE6C761AF719A5',
										service:'App.Table.FreeDelete',
										where:'[["id", "=","'+e.id+'"]]',
									},
									success: function (res) {
										console.log(res)
										
										that.checkbox_status =[]
										uni.showToast({
										    icon: 'none',
										    title: '删除成功'
										});
										
										that.refresh()
									}
								})								

				        } else if (res.cancel) {
				            console.log('用户点击取消');
							
							that.checkbox_status =[]
				        }
				    }
				});
			},
			refresh(){
				
				console.log(this.checkbox)
			
				var that = this
				
				uni.request({
					url:'https://hn216.api.yesapi.cn/',
					method: "POST",
					data:{
						model_name:'car_person',
						where:'[["user_num", "LIKE","'+that.search_word+'"]]',
						app_key:'0B4163C86181759DD5DE6C761AF719A5',
						service:'App.Table.FreeQuery',
						perpage:10, //每一页12个数据
						page:that.NowPage, //第几页
						// order: ["id DESC"],
					},					
					success: function (res) {
							// console.log(res.data.data.list)
							that.PersonList = res.data.data.list
						}
					})
				uni.request({
					url:'https://hn216.api.yesapi.cn/',
					method: "POST",
					data:{
						model_name:'car_person',
						where:'[["user_num", "LIKE","'+that.search_word+'"]]',
						app_key:'0B4163C86181759DD5DE6C761AF719A5',
						service:'App.Table.FreeQuery',
						perpage:10000, //每一页12个数据
						
					},					
					success: function (res) {
							that.Num = res.data.data.list.length
							that.PageNum = Math.ceil(that.Num / 10); //向上整除
							console.log(that.PageNum)
						}
					})
			},
			alter_cancel(){
				this.$refs.popup.close()
			},
			alter_sure(){
				var that = this
				console.log(that.accout)
				// 手机号正则
				if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(that.accout))) {
				     uni.showToast({
				        icon: 'none',
				        title: '手机号不正确'
				    });
				    return;
				}else{
					// 密码正则
					if (!(/^\d{6}$/.test(that.password))) {
					    uni.showToast({
					        icon: 'none',
					        title: '密码不是六位数字！'
					    });
					    return;
					}else{
						uni.request({
							url:'https://hn216.api.yesapi.cn/?s=App.Table.CheckCreateOrUpdate',
								data:{
									model_name:'car_person',
									app_key:'0B4163C86181759DD5DE6C761AF719A5',
									service:'App.Table.CheckCreateOrUpdate',
									data:{
										'user_num':that.accout,
										'user_pass':that.password,
										'id':that.person_id
									},
									check_field:"id",
									
								},
								
								success: function (res) {
									console.log('成功')
									console.log(res)
									that.$refs.popup.close()
									uni.showToast({
										title:'修改成功！',
										icon:'none'
									})
									that.refresh()
								}
							})
					} 
				}
				
								

			},
			close(){
				this.$refs.popup.close()
			},
			confirm0(){
				this.input_confirm = 0
				console.log(this.input_confirm)
			},
			confirm1(){
				this.input_confirm = 1
				console.log(this.input_confirm)
			},
			alter:function(e){
				this.$refs.popup.open()
				console.log(e)
				this.password = e.user_pass
				this.accout = e.user_num
				this.add_time = e.add_time
				this.person_id = e.id
			},
			
			change_page:function(e){
				console.log(e)
				var that = this
				that.NowPage = e
				that.checkbox = false
				that.checkbox_status =[]
				uni.request({
					url:'https://hn216.api.yesapi.cn/',
					method: "POST",
					data:{
						model_name:'car_person',
						where:'[["user_num", "LIKE","'+that.search_word+'"]]',
						app_key:'0B4163C86181759DD5DE6C761AF719A5',
						service:'App.Table.FreeQuery',
						perpage:10, //每一页12个数据
						page:e, //第几页
						// order: ["id DESC"],
					},					
					success: function (res) {
							// console.log(res.data.data.list)
							that.PersonList = res.data.data.list
							console.log(that.PersonList)
						}
					})
			},
			page_delete:function(){
				var that = this
				if(that.NowPage<=1){
					console.log('不合格')
					alert('已经是首页了！')
				}else{
					that.NowPage = that.NowPage-1
					uni.request({
						url:'https://hn216.api.yesapi.cn/',
						method: "POST",
						data:{
							model_name:'car_person',
							where:'[["user_num", "LIKE","'+that.search_word+'"]]',
							app_key:'0B4163C86181759DD5DE6C761AF719A5',
							service:'App.Table.FreeQuery',
							perpage:10, //每一页12个数据
							page:that.NowPage, //第几页
							// order: ["id DESC"],
						},					
						success: function (res) {
								// console.log(res.data.data.list)
								that.PersonList = res.data.data.list
								console.log(that.PersonList)
							}
						})
				}
			},
			page_add:function(){
				var that = this
				if(that.NowPage>=that.PageNum){
					console.log('不合格')
					alert('已经是尾页了！')
				}else{
					that.NowPage = that.NowPage+1
					uni.request({
						url:'https://hn216.api.yesapi.cn/',
						method: "POST",
						data:{
							model_name:'car_person',
							where:'[["user_num", "LIKE","'+that.search_word+'"]]',
							app_key:'0B4163C86181759DD5DE6C761AF719A5',
							service:'App.Table.FreeQuery',
							perpage:10, //每一页12个数据
							page:that.NowPage, //第几页
							// order: ["id DESC"],
						},					
						success: function (res) {
								// console.log(res.data.data.list)
								that.PersonList = res.data.data.list
								console.log(that.PersonList)
							}
						})
				}
			}
				
		}
	}
</script>

<style>
	.add_color{
		background-color: #1890FF;
		
	}
	.add_color:hover{
		background-color: #46A6FF;
	}
	.admin_pic{
		width: 180upx;
		height: 50upx;
		padding: 20upx;
	}
	.admin_pic:hover{
		background-color: #2C405A;
	}
	.arrow{
		height: 20upx;
		width: 20upx;
		
		margin-left: auto;
	}
	.arrow1{
		height: 18upx;
		width: 18upx;
		
	}
	.choose_detail{
		padding: 20upx 20upx 20upx 40upx;
		width: 160upx;
		display: flex;
		flex-direction: row;
		color: #FFFFFF;
		font-size: 15px;
		align-items: center;
		background-color: #1890FF;
	}
	.detail{
		padding: 20upx 20upx 20upx 40upx;
		width: 160upx;
		display: flex;
		flex-direction: row;
		color: #FFFFFF;
		font-size: 15px;
		align-items: center;
		
	}
	.detail:hover{
		background-color: #1890FF;
	}
	.list_detail{
		border-bottom: 1px solid #EBEEF5;display: flex;flex-direction: row;width: 100%;padding: 10upx;
	}
	.list_detail:hover{
		background-color: #F5F7FA;
	}
	.alter{
		color: #1890FF;
	}
	.alter:hover{
		text-decoration: underline;
		color: #DD524D;
	}
	.delete{
		color: #1890FF;margin-left: 10upx;
	}
	.delete:hover{
		text-decoration: underline;
		color: #DD524D;
	}
	.left{
		background-color: #F4F4F5;
		width: 15upx;
		height: 15upx;
		padding: 10upx;
	}
	.page{
		color: #FFFFFF;
		background-color: #1890FF;
		width: 32upx;
		height: 32upx;
		font-size: 15px;
		border-radius: 3upx;
		text-align: center;
		justify-content: center;
		display: flex;
		align-items: center;
		margin-left: 10upx;
	}
	.nopage{
		color: #FFFFFF;
		background-color: #F4F4F5;
		width: 32upx;
		height: 32upx;
		font-size: 15px;
		border-radius: 3upx;
		text-align: center;
		justify-content: center;
		display: flex;
		align-items: center;
		margin-left: 10upx;
		color: #606270;
	}
	.right{
		margin-left: 10upx;
		background-color: #F4F4F5;
		width: 15upx;
		height: 15upx;
		padding: 10upx;
	}
	.input_account{
		padding: 5upx 15upx 5upx 15upx;border: 1px solid #DCDFE6;width: 250upx;font-size: 13px;margin-left: 20upx;
	}
	.input_account:hover{
		border: 1px solid #C8C7CC;
	}
	.input_account1{
		padding: 5upx 15upx 5upx 15upx;border: 1px solid #DCDFE6;width: 227upx;font-size: 13px;margin-left: 20upx;
	}
	.input_confirm{
		border: 1px solid #1890FF;
		padding: 5upx 15upx 5upx 15upx;width: 250upx;font-size: 13px;margin-left: 20upx;
	}
	.back_color{
		background-color: #FF4D4F;
	}
	.back_color:hover{
		background-color: #FF7172;
	}
</style>
